<template>
    <v-container>
      <v-data-table :headers="headers" :items="items" item-key="name">
        <template >
        </template>
      </v-data-table>
    </v-container>
  </template>
  
  <script setup lang="ts">
  import { ref } from 'vue';
  
  const headers = ref([
    { text: 'Name', value: 'name' },
    { text: 'Age', value: 'age' },
    { text: 'City', value: 'city' },
  ]);
  
  const items = ref([
    { name: 'John Doe', age: 30, city: 'New York' },
    { name: 'Jane Smith', age: 25, city: 'London' },
    { name: 'Paul Brown', age: 40, city: 'Paris' },
  ]);
  </script>
  